#About-Section {
	padding: 3% 0%;
	text-align: center;
	/*background-color: #05cafb;
	background-image: url(../media/P4ngrjz.jpg);*/
	background-image:linear-gradient(rgba(5, 202, 251, 0.5), rgba(5, 202, 251, 0.95)), url(../media/AboutSection.webp);
	position: relative;
	/* Copy background properties from parallax1 */
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: scroll;
}

#About-Content h2 {
	font-family: 'kanit',sans-serif;
	font-size: 3em;
	font-weight: 600;
	text-transform: uppercase;
	color: white;
	text-shadow: 2px 2px 5px black;
}


#About-Content p {
	margin-left: 10%;
	margin-right: 10%;
	font-family: 'Kanit', sans-serif;
	font-size: 20px;
	color: white;
	text-shadow: 2px 2px 5px black;
}

.Media-Section img {
	border: 3px solid white;
	border-radius: 10px;
	filter: drop-shadow(1px 1px 4px rgba(0,0,0,.75));
}

#screenshot1:hover, #screenshot2:hover, #screenshot3:hover {
	filter: drop-shadow(0px 0px 10px rgba(255,255,255,1));
	cursor: pointer;
	transition: 0.3s;
}